$(document).ready(function() {
	var toggleStyleSwitcher = function(event) {
		if(!$(event.target).is('.button')) {
			$('#switcher .button').toggleClass('hidden');
		}
	};
	
	$('#switcher').click(function(event) {
		if($(event.target).is('.button')) {
			$('body').removeClass();
			
			if(event.target.id == 'switcher-large') {
				$('body').addClass('large');
			}
			else if(event.target.id == 'switcher-narrow') {
				$('body').addClass('narrow');
			}
			
			$('#switcher .button').removeClass('selected');
			$(event.target).addClass('selected');
			
			event.stopPropagation();
		}
	});

	/*$('#switcher h3').toggle(function() {
		$('#switcher .button').addClass('hidden');
	}, function() {
		$('#switcher .button').removeClass('hidden');
	});*/
//	$('#switcher h3').toggleClass('hidden');
	
	$('#switcher .button').hover(function() {
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover');
	});
	
	/*$('#switcher').click(function(event) {
		if(event.target == this) {
			$('#switcher .button').toggleClass('hidden');
		}
	});*/
	
	$('#switcher').bind('click.collapse', toggleStyleSwitcher);
	
	$('#switcher-narrow, #switcher-large').click(function() {
		$('#switcher').unbind('click.collapse');
	});
	
	$('#switcher-default').click(function() {
		$('#switcher').bind('click.collapse', toggleStyleSwitcher);
	});
	
//	$('#switcher').trigger('click');
	
	$(document).keyup(function(event) {
		switch(String.fromCharCode(event.keyCode)) {
		case 'D':
			$('#switcher-default').click();
			break;
		case 'N':
			$('#switcher-narrow').click();
			break;
		case 'L':
			$('#switcher-large').click();
			break;
		}
	});
});